
var vm = new Vue({
	el:'#rrapp',
	data:{
        selected:null,
		showList: true,
		title: null,
		goods: {},
        setTime:'2018-09-01 12:32:34',
        options:{},
        arr: arrAll,
        prov: '北京',
        city: '北京',
        district: '东城区',
        cityArr: [],
        districtArr: []
	},
	methods: {
		add: function(){
			// vm.showList = false;
            $('#myModal').modal({
                keyboard: true
            });
			vm.title = "新增";
			vm.goods = {};
		},
        getDate: function(){
            alert( $("#datepicker_year_month_day_input").val());
        },
        getDateDefind: function(){
            alert(vm.setTime);
        },
        dateDefault: function(){
            //初始化日期组件-年月日
            $('#datepicker_year_month_day input').datepicker({
                language: 'zh-CN',//显示中文
                startView: 0, //选择器开始界面 0：天（默认 1：月2：年3：十年 4：世纪
                minViewMode: 0,//最小选择精度 0：天（最小默认）
                maxViewMode: 2, //最大选择精度 4：世纪（最大默认）
                format: 'yyyy-mm-dd',//显示格式
                minView: "day",//设置只显示到月份
                // initialDate: new Date(),
                autoclose: true,//选中自动关闭
                // todayBtn: true//显示今日按钮
                clearBtn: true, //清除按钮
                todayHighlight: true //今日高亮
            });
            var value1 = dateFtt('yyyy-MM-dd',new Date());
            // //设置默认日期
            $("#datepicker_year_month_day_input").val(value1);


            //初始化日期组件-年月
            $('#datepicker_year_month input').datepicker({
                language: 'zh-CN',//显示中文
                startView: 1, //选择器开始界面 0：天（默认 1：月2：年3：十年 4：世纪
                minViewMode: 1,//最小选择精度 0：天（最小默认）
                maxViewMode: 2, //最大选择精度 4：世纪（最大默认）
                format: 'yyyy-mm',//显示格式
                minView: "month",//设置只显示到月份
                // initialDate: new Date(),
                autoclose: true,//选中自动关闭
                // todayBtn: true//显示今日按钮
                clearBtn: true //清除按钮
                //todayHighlight: true //今日高亮
            });
            var value2 = dateFtt('yyyy-MM',new Date());
            // //设置默认日期
            $("#datepicker_year_month_input").val(value2);

            //初始化日期范围组件
            $('#datepicker_range input').datepicker({
                language: 'zh-CN',//显示中文
                startView: 1, //选择器开始界面 0：天（默认 1：月2：年3：十年 4：世纪
                minViewMode: 1,//最小选择精度 0：天（最小默认）
                maxViewMode: 2, //最大选择精度 4：世纪（最大默认）
                format: 'yyyy-mm',//显示格式
                minView: "month",//设置只显示到月份
                // initialDate: new Date(),
                autoclose: true,//选中自动关闭
                // todayBtn: true//显示今日按钮
                clearBtn: true //清除按钮
                //todayHighlight: true //今日高亮
            });
            var value3 = dateFtt('yyyy-MM',new Date());
            // //设置默认日期
            $("#datepicker_start").val(value3);
            $("#datepicker_end").val(value3);
        },
        dateDefind: function(){
            var self=this;
            $('.form_date').datetimepicker({
                language:  'zh-CN', //语言设置
                format:'yyyy-mm-dd hh:ii:ss', //日期格式
                weekStart: 1,  // 默认值：0 ,一周从哪一天开始。0（星期日）到6（星期六）
                autoclose: true, //Boolean. 默认值：false,当选择一个日期之后是否立即关闭此日期时间选择器。
                startView: 2, //Number, String. 默认值：2, 'month',0:小时，1:天，2:月，3:年，4十年
                minView: 0,   //Number, String. 默认值：0, 'hour',日期时间选择器所能够提供的最精确的时间选择视图。
                maxView:4,    //Number, String. 默认值：4, 'decade' 日期时间选择器最高能展示的选择范围视图。
                todayBtn: true, //默认值: false,显示当天按钮
                todayHighlight: true, //默认值: false ，今日高亮
                minuteStep:1, //分钟时显示的时间间隔，此处设置为1分钟
                forceParse: false //默认值: true,当选择器关闭的时候，是否强制解析输入框中的值
            }),
            $('.form_date').datetimepicker()
                .on('hide',function(e){
                    self.settimeInput=$('.settime-input').val();
                })
        },
        updateCity: function () {
            for (var i in this.arr) {
                var obj = this.arr[i];
                if (obj.name == this.prov) {
                    this.cityArr = obj.sub;
                    break;
                }
            }
            this.city = this.cityArr[1].name;
        },
        updateDistrict: function () {
            for (var i in this.cityArr) {
                var obj = this.cityArr[i];
                if (obj.name == this.city) {
                    this.districtArr = obj.sub;
                    break;
                }
            }
            if(this.districtArr && this.districtArr.length > 0 && this.districtArr[1].name) {
                this.district = this.districtArr[1].name;
            } else {
                this.district = '';
            }
        },
        addTabs: function () {
		    //先关闭菜单实现刷新效果
            this.closeTabs('49');
		    //id为菜单ID，请从菜单管理中查找，如非配置的菜单则设定个比较大的数为ID，以免与系统菜单冲突。
            parent.addTabs({id:'49',title: '商品管理',close: true,url: 'modules/demo/goods.html',urlType: 'relative'});
        },
        exportExcel: function (event) {
            console.log("------upload file --------");
            var fileObj = document.getElementById("upload").files[0]; // js 获取文件对象
            if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
                alert("请选择文件");
                return;
            }
            var formFile = new FormData();
            formFile.append("file", fileObj); //加入文件对象
            $.ajax({
                url: baseURL + "sys/upload/upload",
                data: formFile,
                type: "POST",
                dataType: "json",
                cache: false,//上传文件无需缓存
                processData: false,//用于对data参数进行序列化处理 这里必须false
                contentType: false, //必须
                success: function (result) {
                    console.log(result);
                    if(result.msg == 'success'){
                        alert("上传成功!,"+result.url);
                        vm.reload();
                    }else{
                        alert(result.msg);
                    }
                },
            });
            //清空input file 内容
            $("#upload").val('');
        },
        downLoadFile: function(){
            var params={
                'username': 'admin'
            };
            postDownLoadFile({
                url:baseURL+'sys/user/export',
                data:params,
                method:'post'
            });
        },
        closeTabs: function (tabId) {
            //关闭tab页
            parent.closeTabByPageId(tabId);
        }
	},
    created: function(){
        $.getJSON(baseURL + "sys/dict/select",(r)=>{
            var data = null;
            for( var key in r.dict ){
                console.log( key + ': '+ r.dict[key] );
                console.log(r.dict[key]);
                data = [{"value":"","text":"全部"}];
                this.options[key] = data.concat(r.dict[key]);
            }
            this.selected=""; //注意：data中声明的selected:null不能跟此值相同，不然vue不刷新界面
        });
    },
    beforeMount: function () {
        this.updateCity();
        this.updateDistrict();
    },
    watch:{
        prov: function () {
            this.updateCity();
            this.updateDistrict();
        },
        city: function () {
            this.updateDistrict();
        }
    },
    mounted:function(){
        //必须在组件渲染之后调用日期组件
        this.dateDefault();
        this.dateDefind();
    }
});


/**
 * ===================post请求下载文件
 * options:{
 * url:'',  //下载地址
 * data:{name:value}, //要发送的数据
 * method:'post'
 * }
 */

var postDownLoadFile = function (options) {
    var config = $.extend(true, { method: 'post' }, options);
    console.log(config.data);
    var $iframe = $('<iframe id="down-file-iframe" />');
    var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
    $form.attr('action', config.url);
    for (var key in config.data) {
        $form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
    }
    $iframe.append($form);
    $(document.body).append($iframe);
    $form[0].submit();
    $iframe.remove();
}